<template>
	<view>
		<view class="media">
			<view class="media-video">
				<video src="http://cdn.pandaps.cn/falali.mp4" poster="http://cdn.pandaps.cn/news.png" show-fullscreen-btn
				 show-play-btn controls></video>
			</view>
			<report-list v-for="(item,index) in fillist " :key="'key1'+index" :title="item.title" :time="item.time" :name="item.name"
			 :url="item.url" @click="getItem()"></report-list>
			<view class="media-image" @click="getItem()">
				<image src="../../static/news.png" mode="scaleToFill"></image>
			</view>
			<report-list v-for="(item,index) in fillist1 " :key="'key2'+index" :title="item.title" :time="item.time" :name="item.name"
			 :url="item.url" @click="getItem()"></report-list>
		</view>
	</view>
</template>

<script>
	import reportList from '@/components/report-list/report-list.vue'
	export default {
		data() {
			return {
				fillist: [{
					title: "Milwaukee Tool to repeat 20% sales growth in 2020,says parent compant CEO",
					time: "2020-04-11",
					name: "Cheney",
					url: "",
				}],
				fillist1: [{
					title: "Milwaukee Tool to repeat 20% sales growth in 2020,says parent compant CEO",
					time: "2020-04-11",
					name: "Cheney",
					url: "",
				}, {
					title: "Milwaukee Tool to repeat 20% sales growth in 2020,says parent compant CEO",
					time: "2020-04-11",
					name: "Cheney",
					url: "../../static/news-2.png",
				}]
			};
		},
		onNavigationBarButtonTap(e) {
			if (e.text === "Back") {
				uni.navigateBack({
					delta: 1
				});
			}
		},
		methods: {
			getItem() {
				uni.navigateTo({
					url: `../web-view/wev-view?type=url&url=https://www.baidu.com/`
				});
			}
		}
	}
</script>

<style lang="less">
	.media {
		padding: 5px;
		background-color: #FFFFFF;

		.video {
			background: #09BB07;
			height: 230px;
		}

		.media-video {
			height: 230px;

			video {
				width: 100%;
				height: 230px;
			}
		}

		.media-image {
			height: 230px;

			image {
				width: 100%;
				height: 230px;
			}
		}
	}
</style>
